HTMLify

style.css
Views: 33 | Author: cody
* {
    box-sizing: border-box;
}

body {
    background-color: #161622;
    display: grid;
    place-items: center;
    height: 100vh;
}

.circle-border {
    width: 150px;
    height: 150px;
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
    animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #161622;
    border-radius: 50%;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

Comments